<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>启程旅游</title>
<link rel="shortcut icon" type="image/x-icon" href="logoico.ico" />
<link href="css/index.css" type="text/css" rel="stylesheet"/>
</head>
<script src="js/jquery-1.8.3.js" type="text/javascript" language="javascript"></script>
<script src="js/head.js" type="text/javascript" language="javascript"></script>
<body>
<!--头部-->
<div id="tou">
	<iframe src="head.jsp" name="head" scrolling="no" frameborder="0"
	width=100% height=145px></iframe>
</div>
<!--首页中间-->
<div id="float">
<a href="#zb"><div id="1">周边</div></a>
<a href="#sn"><div id="2">省内</div></a>
<a href="#gn"><div id="3">国内</div></a>
<a href="#hw"><div id="4">海外</div></a>
<a href="#db"><div id="5">顶部</div></a>
</div>
<div class="mdiv" id="mdiv">
            <div class="mdiv1">
            <img src="images/banner01.jpg" class="mdivn"/>
            <img src="images/banner02.jpg" class="mdivn"/>
            <img src="images/banner03.jpg" class="mdivn"/>
            <img src="images/banner04.jpg" class="mdivn"/>
            </div>
             <!--圆点div-->
            <div class="my" id="my">
				<div class="myd" id="myd1">
					<div class="mdd1" id="m1"></div></div>
				<div class="myd" id="myd2">
					<div class="mdd1" id="m2"></div></div>
				<div class="myd" id="myd3">
					<div class="mdd1" id="m3"></div></div>
				<div class="myd" id="myd4">
					<div class="mdd1" id="m4"></div></div>
            </div>
</div>
      
<!--中部旅游产品信息div-->      
<div class="mdivz">

<!--分类标签div1-->
<a href="" name="zb"></a>
<div id="mdiafl"><span id="msanp1">周边</span></div>
<!--分类详情div1-->  
<div class="mdivxq">
<div id="mdivjs"><img src="images/zhengzhou.png" title="周旅旅游"/></div>

<div class="mdivi"><a href="#"><img src="images/zhoubianyu.png" id="mimgspz1"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/zhoubianyu.png" id="mimgspz2"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/zhoubianyu.png" id="mimgspz3"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div><br/>

<div class="mdivi"><a href="#"><img src="images/zhoubianyu.png" id="mimgspz4"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/zhoubianyu.png" id="mimgspz5"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/zhoubianyu.png" id="mimgspz6"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>
</div>

<!--分类标签div2-->
<a href="" name="sn"></a>
<div id="mdiaf2"><span id="msanp1">省内</span></div>
<!--分类详情div2-->  
<div class="mdivxq" style="border-top:#F60 2px solid;">
<div id="mdivjs"><img src="images/shengnei.png" title="省内旅游"/></div>

<div class="mdivi"><a href="#"><img src="images/shengneiyu.png" id="mimgs1"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/shengneiyu.png" id="mimgs2"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/shengneiyu.png" id="mimgs3"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div><br/>

<div class="mdivi"><a href="#"><img src="images/shengneiyu.png" id="mimgs4"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/shengneiyu.png" id="mimgs5"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/shengneiyu.png" id="mimgs6"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>
</div>

<!--分类标签div3-->
<a href="" name="gn"></a>
<div id="mdiaf3"><span id="msanp1">国内</span></div>
<!--分类详情div3-->  
<div class="mdivxq" style="border-top:#090 2px solid;">
<div id="mdivjs"><img src="images/guonei.png" title="国内旅游"/></div>

<div class="mdivi"><a href="#"><img src="images/guoneiyu.png" id="mimgg1"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/guoneiyu.png" id="mimgg2"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/guoneiyu.png" id="mimgg3"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div><br/>

<div class="mdivi"><a href="#"><img src="images/guoneiyu.png" id="mimgg4"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/guoneiyu.png" id="mimgg5"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/guoneiyu.png" id="mimgg6"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>
</div>

<!--分类标签div4-->
<a href="" name="hw"></a>
<div id="mdiaf4"><span id="msanp1">海外</span></div>
<!--分类详情div4-->  
<div class="mdivxq" style="border-top:2px #F6F solid;">
<div id="mdivjs"><img src="images/haiwai.png" title="海外旅游"/></div>

<div class="mdivi"><a href="#"><img src="images/haiwaiyu.png" id="mimgh1"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/haiwaiyu.png" id="mimgh2"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/haiwaiyu.png" id="mimgh3"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div><br/>

<div class="mdivi"><a href="#"><img src="images/haiwaiyu.png" id="mimgh4"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/haiwaiyu.png" id="mimgh5"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>

<div class="mdivi"><a href="#"><img src="images/haiwaiyu.png" id="mimgh6"/></a>
<div class="mdivs" id="mdivs">文字介绍div</div>
</div>
</div>
</div>
<!--尾部-->
<div id="wei">
	<iframe src="foot.jsp" name="foot" scrolling="no" frameborder="0"
		width=100% height=430px></iframe>
</div>
</body>
</html>
